<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>

<script type="text/javascript">
$(function() {

	$("#newNews1").click(function() {
		albumInfo();
	});
});

function myPhoto() {
	$("#photoContent").load("myPhoto.htm");
}

function albumFriendPagePhoto(album) {
	$("#photoBox").load("photoPage.htm?album=" + album + "&friendPhoto=1");
}
</script>


<!--内容快-->
<div class="h_main2">
	<div class="h_data">
		<h2>
			<img src="images/home_images/ico28.png" alt="相册" />
			相册
		</h2>
		<div class="h_newNews">
			<ul>
				<li id="newNews1" onclick="">
					<a>我的照片</a>
				</li>
				<li id="newNews2" onclick="friendAlbum();" class="h_newNewsHover">
					<a>邻居的照片</a>
				</li>
				<span><a href="javascript:void(0);" id="uploadPhoto"
					onclick="albumInfoUploadPhoto();">上传照片</a> </span>
			</ul>
			<div class="clear"></div>
		</div>
		<div id="photoContent">
			<div class="h_newNews_box">
				<div class="h_newNews_text" id="con_newNews_1"
					style="display: block;">
					<div class="data_h_newNews_nav" id="my_photo_top">
						<a href="javascript:void(0);" class="current"
							onclick="friendAlbum();">邻居的最新专辑</a>
					</div>
					<div class="clear"></div>
					<div id="photoBox">
						<div class="photos_box">
							<ul>
								<c:forEach items="${albumPageModel.list}" var="album">
									<li>
										<div class="phots_img">
											<a href="javascript:void(0);"
												onclick="albumFriendPagePhoto('${album.identifier}')">
												<div
													style="width: 153px; height: 112px; overflow: hidden; text-align: center;">
													<img
														<c:choose>
																<c:when test="${album.cover!=null && album.cover!=''}">
																	src="${album.cover}"
																</c:when> 
																<c:otherwise>
																	src="images/avatar/album.jpg"
																</c:otherwise>
															</c:choose>
														alt="相册" />
												</div> </a>
											<span> <a href="javascript:void(0);"
												style="width: 163px;" class="phots_imgName"><c:out
														value="${album.name}"></c:out> </a> </span>
										</div>
									</li>
								</c:forEach>
								<div class="clear"></div>
							</ul>
						</div>
						<div class="h_page" id="pager"></div>

					</div>
				</div>

			</div>
		</div>
	</div>
</div>
<div class="clear"></div>

